{"id":12544,"date":"2018-06-11T06:00:52","date_gmt":"2018-06-11T06:00:52","guid":{"rendered":"https:\/\/www.gravityforms.com\/?p=12544"},"modified":"2018-06-08T20:02:10","modified_gmt":"2018-06-08T20:02:10","slug":"multi-page-form-gravity-forms","status":"publish","type":"post","link":"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/","title":{"rendered":"Mastering the Multi-Page Form With Gravity Forms"},"content":{"rendered":"<img loading=\"lazy\" class=\"size-full wp-image-12560 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/FEATURED-IMAGE-mastering-multi-page-form.jpg\" alt=\"Multi-page form gravity forms\" width=\"1200\" height=\"603\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/FEATURED-IMAGE-mastering-multi-page-form.jpg 1200w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/FEATURED-IMAGE-mastering-multi-page-form-300x151.jpg 300w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/FEATURED-IMAGE-mastering-multi-page-form-768x386.jpg 768w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/FEATURED-IMAGE-mastering-multi-page-form-1024x515.jpg 1024w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/FEATURED-IMAGE-mastering-multi-page-form-119x60.jpg 119w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\r\n\r\nAll forms are not created equal.\r\n\r\nEach form has a distinct purpose and intended use, which means that form design plays an important role in how well forms convert.\r\n\r\nShort email opt-in forms \u2014 that only ask for a name and email, or just an email \u2014 are often <a href=\"https:\/\/sumo.com\/stories\/best-email-optin-tool\" target=\"_blank\" rel=\"noopener\">higher converting<\/a> than longer forms, for example. But in some cases, longer forms are actually preferable.\r\n\r\nThat\u2019s where the multi-page (also known as the multi-step) form comes in.\r\n\r\nWhen more information is needed, a multi-page form can improve conversion rates while still allowing you to ask as many questions as needed.\r\n\r\nHere\u2019s why multi-page forms work so well and how you can use them to your advantage.\r\n\r\n<!--more-->\r\n\r\n[content_upgrade cu_id=\"12543\"]Free Download: How to Maximize Conversions for Multi-Page Forms[content_upgrade_button]Click Here[\/content_upgrade_button][\/content_upgrade]\r\n<h2>Why Multi-Page Forms Work for Conversions<\/h2>\r\nMulti-page forms are forms with multiple questions (more than 2) that are broken up by separate pages or sections.\r\n\r\nHere\u2019s an example of a simple, two-step form for <a href=\"https:\/\/www.quickbase.com\/\" target=\"_blank\" rel=\"noopener\">Quickbase's<\/a> free trial sign-up:\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12547 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/quickbase1.jpg\" alt=\"Multi-page form gravity forms\" width=\"720\" height=\"276\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/quickbase1.jpg 720w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/quickbase1-300x115.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12548 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/quickbase2.jpg\" alt=\"Multi-page form gravity forms\" width=\"600\" height=\"531\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/quickbase2.jpg 600w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/quickbase2-300x266.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12549 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/quickbase3.jpg\" alt=\"Multi-page form gravity forms\" width=\"636\" height=\"467\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/quickbase3.jpg 636w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/quickbase3-300x220.jpg 300w\" sizes=\"(max-width: 636px) 100vw, 636px\" \/>\r\n\r\nThe purpose of a multi-page form is to quickly and easily collect additional information outside of of a name and email.\r\n\r\nWhile multi-page forms are most often seen for things like online checkout processes, they can also be used for opt-ins (like Quickbase\u2019s free trial), surveys, or other types of forms.\r\n\r\n<a href=\"https:\/\/instapage.com\/blog\/use-multi-step-forms-to-maximize-sign-ups\" target=\"_blank\" rel=\"noopener\">According to Instapage Founder &amp; CEO Tyson Quick<\/a>, breaking down longer forms into multiple steps reduces \u201cpsychological friction and [encourages users] to engage more with your brand.\u201d\r\n\r\nBeyond that, multi-page forms can also be great for conversions compared to one-step forms.\r\n\r\nIn one case study of an astroturf company's single-page versus multi-page form, their multi-page form saw <a href=\"https:\/\/www.ventureharbour.com\/multi-step-lead-forms-get-300-conversions\/\" target=\"_blank\" rel=\"noopener\">214% uplift in leads<\/a> when they broke down their form into multiple sections.\r\n\r\nThey reduce the first impression of long forms, as well as allow you to ask sensitive questions (email addresses, payment information, etc.) closer to the end of the form rather than at the beginning.\r\n\r\nThis reduces overwhelm for users, making them more likely to complete the form, which results in higher conversion rates.\r\n\r\nIn situations where you need more information from your users without overwhelming them, multi-page forms are the perfect solution.\r\n\r\nThat is, if you design them correctly.\r\n<h2>How to Design High Converting Multi-Page Forms<\/h2>\r\nDesigning a high-converting, multi-page form comes down to understanding how form elements work together to create a user-friendly experience.\r\n\r\nThere are typically three or four \u201csteps\u201d to any multi-page form:\r\n<ol>\r\n \t<li>The initial page \u2014 This is where you gather basic information, such as name and\/or email address.<\/li>\r\n \t<li>The second page \u2014 This is where you add additional questions to collect more information such as a phone number, educational or career details, age, gender, etc.<\/li>\r\n \t<li>The payment page (optional) \u2014 This is where payment and shipping information is included, if applicable.<\/li>\r\n \t<li>The confirmation page \u2014 This page signals to the user that the form was accepted and can also be used to give out further instructions or provide clarification.<\/li>\r\n<\/ol>\r\nSome checkout forms may be more complex than this.\r\n\r\nHere\u2019s <a href=\"https:\/\/www.moovweb.com\/one-page-checkout\/\" target=\"_blank\" rel=\"noopener\">an example<\/a> of a more complicated multi-page checkout form that includes separate sections for shipping and payment details, as well as a \u201creview order\u201d page and another confirmation page (not visible in the progress bar):\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12568 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Pasted-image-at-2017_06_29-04_50-PM.png\" alt=\"Multi-page form gravity forms\" width=\"382\" height=\"538\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Pasted-image-at-2017_06_29-04_50-PM.png 382w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Pasted-image-at-2017_06_29-04_50-PM-213x300.png 213w\" sizes=\"(max-width: 382px) 100vw, 382px\" \/>\r\n\r\nThis form does a few things right when it comes to multi-page form design:\r\n<ul>\r\n \t<li>It segments sections logically \u2014 basic contact questions are first, followed by increasingly sensitive information (shipping address, payment details, etc.)<\/li>\r\n \t<li>It includes a final review page so users can see their progress with links back to previous sections (in case edits are needed)<\/li>\r\n \t<li>It includes a progress bar at the top so users don\u2019t get lost<\/li>\r\n<\/ul>\r\nThe goal of a multi-page form like this is to simplify the completion process for users so they can provide most information (some of which is sensitive) quickly and easily. It succeeds.\r\n\r\nHere are a few best practices for designing multi-step forms:\r\n<h3>1. Use as many pages as necessary to keep it \u201csimple\u201d<\/h3>\r\nBecause multi-page forms often contain more form fields than other types of forms, it\u2019s important to segment those fields logically.\r\n\r\nRelated questions should be grouped together in a way that provides clarity. With the example above, contact information was separated from payment information, even though some of those details are inevitably the same.\r\n\r\nYou can also group content in other ways, like <a href=\"https:\/\/stackoverflow.com\/questions\/20783038\/multi-step-form-progress-in-ios-applications\" target=\"_blank\" rel=\"noopener\">this example<\/a> of an account creation form:\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12562 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/nbjza.png\" alt=\"Multi-page form gravity forms\" width=\"549\" height=\"474\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/nbjza.png 549w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/nbjza-300x259.png 300w\" sizes=\"(max-width: 549px) 100vw, 549px\" \/>\r\n\r\nConsider how your form fields relate to one another when breaking things into sections.\r\n\r\nThis may mean adding as many <a href=\"http:\/\/easyux.net\/2016\/06\/30-user-friendly-multiple-step-forms\/\" target=\"_blank\" rel=\"noopener\">sections, pages or tabs<\/a> as needed to keep the design clutter-free while still collecting all the necessary information.\r\n\r\nTo add pages or sections to your forms in Gravity Forms, select \u201cPage\u201d from the Standard Fields section in the form editor after you\u2019ve added all of your form fields (<a href=\"https:\/\/docs.gravityforms.com\/creating-multi-page-forms\/\">full guide here<\/a>).\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12571 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Creating_Multi-Page_Forms_-_Gravity_Forms_Documentation.png\" alt=\"Multi-page form gravity forms\" width=\"340\" height=\"419\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Creating_Multi-Page_Forms_-_Gravity_Forms_Documentation.png 340w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Creating_Multi-Page_Forms_-_Gravity_Forms_Documentation-243x300.png 243w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/>\r\n\r\nThis will allow you to segment your form into different steps or pages.\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12570 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/start-paging-general-1.png\" alt=\"Multi-page form gravity forms\" width=\"545\" height=\"549\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/start-paging-general-1.png 545w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/start-paging-general-1-150x150.png 150w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/start-paging-general-1-298x300.png 298w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/start-paging-general-1-45x45.png 45w\" sizes=\"(max-width: 545px) 100vw, 545px\" \/>\r\n<h3>2. Add a progress indicator<\/h3>\r\nMulti-page forms can easily become overwhelming for users if they don\u2019t know when the form will end. Including a progress indicator at the top of your form will reassure users that they\u2019re almost done.\r\n\r\nYou see progress indicators most often on <a href=\"http:\/\/designwoop.com\/2014\/07\/29-checkout-interfaces-ecommerce-web-design\/\" target=\"_blank\" rel=\"noopener\">checkout forms<\/a>, but they can (and should) be used on any multi-page form.\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12554 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/05-dark-checkout-ecommerce-cart.jpg\" alt=\"Multi-page form gravity forms\" width=\"720\" height=\"400\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/05-dark-checkout-ecommerce-cart.jpg 720w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/05-dark-checkout-ecommerce-cart-300x167.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\r\n\r\nIn Gravity Forms, you have multiple options for adding a progress indicator, including progress bar, steps, or nothing. You can see what the progress bar looks like using our <a href=\"http:\/\/witty-buffalo.w5.gravitydemo.com\/multi-page-form-sample\/\" target=\"_blank\" rel=\"noopener\">Demo Page<\/a>.\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12561 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Gravity_Forms_Demo_\u00bb_Multi-Page_Form_Sample.jpg\" alt=\"Multi-page form gravity forms\" width=\"658\" height=\"644\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Gravity_Forms_Demo_\u00bb_Multi-Page_Form_Sample.jpg 658w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Gravity_Forms_Demo_\u00bb_Multi-Page_Form_Sample-300x294.jpg 300w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Gravity_Forms_Demo_\u00bb_Multi-Page_Form_Sample-45x45.jpg 45w\" sizes=\"(max-width: 658px) 100vw, 658px\" \/>\r\n\r\nYou can also use <a href=\"https:\/\/wordpress.org\/plugins\/gravity-forms-start-progress-bar-at-zero-percent\/\" target=\"_blank\" rel=\"noopener\">plugins<\/a> to adjust the style and display of your progress bars or steps as needed.\r\n<h3>3. Use UX best practices for form design<\/h3>\r\nMulti-page forms still require good user-experience (UX). This means that the way you design each individual page still matters.\r\n\r\nIncluding <a href=\"https:\/\/www.gravityforms.com\/why-google-hates-your-forms\/\">mobile-friendly<\/a> design elements, like single-column form fields, form labels on top of each field, and clear CTA buttons is immensely important.\r\n\r\nThis will help keep your forms user-friendly on any device, further incentivizing users to complete them.\r\n<h2>Designing Multi-Page Forms for Mobile<\/h2>\r\nUX is particularly important for multi-page forms on mobile.\r\n\r\nFor example, while tabs can be good for desktop multi-page forms, they\u2019re not good for mobile users.\r\n\r\n<a href=\"https:\/\/www.dotnettricks.com\/learn\/xamarin\/xamarin-forms-fundamentals\" target=\"_blank\" rel=\"noopener\">Tabbed<\/a> multi-page forms are often the most confusing for mobile users since it can be harder to tell which tabs are submitted when hitting the CTA button.\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12551 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/xamarin-forms-pages.jpg\" alt=\"Multi-page form gravity forms\" width=\"899\" height=\"337\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/xamarin-forms-pages.jpg 899w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/xamarin-forms-pages-300x112.jpg 300w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/xamarin-forms-pages-768x288.jpg 768w\" sizes=\"(max-width: 899px) 100vw, 899px\" \/>\r\n\r\nWill the button \u2018Next\u2019 fill all the form fields, or only the ones under a specific tab?\r\n\r\nIn <a href=\"https:\/\/baymard.com\/blog\/accordion-and-tab-design\" target=\"_blank\" rel=\"noopener\">one case study<\/a>, conversions fell after test subjects became confused by three different tab options on a mobile form and were uncertain how the CTA buttons were related to each field.\r\n\r\nAnother issue with tabbed forms is that it can sometimes be hard to know if you\u2019re entering information into the right tab if sections are not clearly defined.\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12557 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/450450p13821EDNmain24464iRWD-Forms-Register-Combined-With-Sign-In-Tabbed2.jpg\" alt=\"Multi-page form gravity forms\" width=\"554\" height=\"449\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/450450p13821EDNmain24464iRWD-Forms-Register-Combined-With-Sign-In-Tabbed2.jpg 554w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/450450p13821EDNmain24464iRWD-Forms-Register-Combined-With-Sign-In-Tabbed2-300x243.jpg 300w\" sizes=\"(max-width: 554px) 100vw, 554px\" \/>\r\n\r\nOne best practice for multi-page mobile form UX is to break down sections clearly. This often will look more like a \u201csegmented\u201d single-page form rather than a true multi-page form, but the overall idea is the same.\r\n\r\nHere\u2019s a good example of a <a href=\"https:\/\/www.pinterest.com\/rubenmartins\/ui-ux-mobiletablet-design\/?lp=true\" target=\"_blank\" rel=\"noopener\">single-page mobile multi-step<\/a> form:\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12555 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/73d02afa8383db3edf0ff434b9933856-form-design-design-ui.jpg\" alt=\"Multi-page form gravity forms\" width=\"736\" height=\"1083\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/73d02afa8383db3edf0ff434b9933856-form-design-design-ui.jpg 736w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/73d02afa8383db3edf0ff434b9933856-form-design-design-ui-204x300.jpg 204w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/73d02afa8383db3edf0ff434b9933856-form-design-design-ui-696x1024.jpg 696w\" sizes=\"(max-width: 736px) 100vw, 736px\" \/>\r\n\r\nThere are ways to do true multi-page forms on mobile, too, as long as the UX and design are clear enough for the user.\r\n\r\nTake <a href=\"https:\/\/www.quora.com\/What-are-some-good-examples-of-multi-step-form-design-in-native-apps\" target=\"_blank\" rel=\"noopener\">this example<\/a> of Noom\u2019s multi-page sign-up form:\r\n\r\n<img loading=\"lazy\" class=\"size-full wp-image-12567 aligncenter\" src=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Noom5.jpg\" alt=\"Multi-page form gravity forms\" width=\"904\" height=\"568\" srcset=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Noom5.jpg 904w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Noom5-300x188.jpg 300w, https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/Noom5-768x483.jpg 768w\" sizes=\"(max-width: 904px) 100vw, 904px\" \/>\r\n\r\nThe first step is a simple button, followed by a slider step (that cleverly looks like a tape measure) on a new page, and additional information on a third page (with more sliders).\r\n\r\nIt also follows another important UX multi-page rule: one type of question per page.\r\n\r\nSome multi-page forms will only have one or two questions per page, but even for those that need to include more form fields per page, the rule is \u201cone idea per page.\u201d\r\n\r\nThough they replace traditional text boxes with more advanced features, like sliders, the basic principles are still the same: Pages are logically ordered based on information needed, and the design is clear and simple.\r\n\r\nThe only thing missing is a progress indicator, but in this case, it\u2019s not a deal breaker.\r\n\r\nOverall, this form succeeds as a mobile-friendly, multi-page form that\u2019s easy for users to follow.\r\n\r\nCheck out <a href=\"https:\/\/www.youtube.com\/watch?v=jA5Vm1dePxs\" target=\"_blank\" rel=\"noopener\">this video tutorial<\/a> for creating mobile-friendly forms in Gravity Forms.\r\n\r\n[content_upgrade cu_id=\"12543\"]Don\u2019t miss these essential tips for maximizing your conversions with multi-page forms[content_upgrade_button]Click Here[\/content_upgrade_button][\/content_upgrade]\r\n<h2>Final Thoughts<\/h2>\r\nMulti-page forms are a great option when you need to gather a lot of information but don\u2019t want to overwhelm your users and risk having abandoned forms.\r\n\r\nThe key to successfully implementing multi-page forms is to keep UX in mind.\r\n\r\nUse as many sections or pages as needed to gather information, but make sure that form sections are logically ordered and that they\u2019re limited to \u201cone idea\/question per page.\u201d\r\n\r\nAnd don\u2019t forget to make your forms mobile-friendly so users can submit them from any device.","protected":false},"excerpt":{"rendered":"Here\u2019s what to know about designing high-converting multi-page forms with Gravity Forms.","protected":false},"author":215519,"featured_media":12560,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[2008,2100,4538],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v16.5 (Yoast SEO v16.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Design a High-Converting Multi-Page Form<\/title>\n<meta name=\"description\" content=\"Are you trying to create a multi-page form but don&#039;t know where to start? Here&#039;s how you can create amazing multi-page forms that look great and drive conversions.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mastering the Multi-Page Form With Gravity Forms\" \/>\n<meta property=\"og:description\" content=\"Here\u2019s what to know about designing high-converting multi-page forms with Gravity Forms.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/\" \/>\n<meta property=\"og:site_name\" content=\"Gravity Forms\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GravityForms\" \/>\n<meta property=\"article:published_time\" content=\"2018-06-11T06:00:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-06-08T20:02:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/FEATURED-IMAGE-mastering-multi-page-form.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"603\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@GravityForms\" \/>\n<meta name=\"twitter:site\" content=\"@GravityForms\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.gravityforms.com\/#organization\",\"name\":\"Gravity Forms\",\"url\":\"https:\/\/www.gravityforms.com\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/GravityForms\",\"https:\/\/twitter.com\/GravityForms\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.gravityforms.com\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/gravity_forms_logo.jpg\",\"contentUrl\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/gravity_forms_logo.jpg\",\"width\":268,\"height\":294,\"caption\":\"Gravity Forms\"},\"image\":{\"@id\":\"https:\/\/www.gravityforms.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gravityforms.com\/#website\",\"url\":\"https:\/\/www.gravityforms.com\/\",\"name\":\"Gravity Forms\",\"description\":\"WordPress Contact Forms\",\"publisher\":{\"@id\":\"https:\/\/www.gravityforms.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.gravityforms.com\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/FEATURED-IMAGE-mastering-multi-page-form.jpg\",\"contentUrl\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/FEATURED-IMAGE-mastering-multi-page-form.jpg\",\"width\":1200,\"height\":603,\"caption\":\"Multi-page form gravity forms\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/#webpage\",\"url\":\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/\",\"name\":\"How to Design a High-Converting Multi-Page Form\",\"isPartOf\":{\"@id\":\"https:\/\/www.gravityforms.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/#primaryimage\"},\"datePublished\":\"2018-06-11T06:00:52+00:00\",\"dateModified\":\"2018-06-08T20:02:10+00:00\",\"description\":\"Are you trying to create a multi-page form but don't know where to start? Here's how you can create amazing multi-page forms that look great and drive conversions.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Gravity Forms\",\"item\":\"https:\/\/www.gravityforms.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\/\/www.gravityforms.com\/category\/blog\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Mastering the Multi-Page Form With Gravity Forms\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/#webpage\"},\"author\":{\"@id\":\"\"},\"headline\":\"Mastering the Multi-Page Form With Gravity Forms\",\"datePublished\":\"2018-06-11T06:00:52+00:00\",\"dateModified\":\"2018-06-08T20:02:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/#webpage\"},\"wordCount\":1498,\"publisher\":{\"@id\":\"https:\/\/www.gravityforms.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.gravityforms.com\/multi-page-form-gravity-forms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/06\/FEATURED-IMAGE-mastering-multi-page-form.jpg\",\"keywords\":[\"Conversions\",\"Gravity Forms\",\"Multi-Page Forms\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\/\/www.gravityforms.com\/author\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/posts\/12544"}],"collection":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/users\/215519"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/comments?post=12544"}],"version-history":[{"count":0,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/posts\/12544\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/media\/12560"}],"wp:attachment":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/media?parent=12544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/categories?post=12544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/tags?post=12544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}